<template>
  <div class="user-money-item">
    <div class="number">
      <span class="balance">
        <slot name="money">0.00</slot>
      </span>
      元
    </div>
    <div class="account-info">
      <slot name="money-name">我的余额</slot>
    </div>
  </div>

</template>
<script>
export default {
  name: "UserMoney",
};
</script>
<style lang="scss" scoped>
.user-money-item {
  flex: 1;
  background-color: #fff;
  margin-right: 5px;
  text-align: center;
  color: #666;
  font-size: 13px;
  padding: 18px;
}
.user-money-item:last-of-type {
  margin-right: 0;
}
.user-money-item .balance {
  font-size: 24px;
  font-weight: 700;
  color: #ff5f3e;
}
.account-info {
  margin-top: 6px;
}
</style>
